<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>绑定卡</title>
</head>
<body>

<style>
    .msg {
        text-align: center;
        padding:.5rem .2rem 0 .2rem;
    }
    .msg i{
        font-size: 1.4rem;
    }
    .msg .msg-title {
        padding-top: .5rem;
        margin-bottom: .2rem;
        font-size: .4rem;
    }
    .msg .msg-content {
        font-size: .2rem;
        color: #999;
        margin-bottom: .2rem;
        line-height:1.5;
    }

</style>

<div class="bui-page">
    <header class="bui-bar">
        <div class="bui-bar-left">
            <a class="bui-btn btn-back"><i class="icon-back"></i></a>
        </div>
        <div class="bui-bar-main">失败提醒</div>
        <div class="bui-bar-right">
        </div>
    </header>
    <main>
        <div class="msg">
            <i class="icon-errorfill danger"></i>
            <div class="msg-title">操作失败</div>
            <div class="msg-content">内容详情,可根据实际需要安排</div>
            <div class="bui-interval">
                <div class="bui-btn success">确定</div>
                <div class="bui-btn">取消</div>
            </div>
        </div>
    </main>
</div>

</body>
</html>